/*
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: 'Trebuchet MS', sans-serif; color: #343434; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #004aad; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { /*background: #ff9; color: #000; text-decoration: none;*/ }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

img.thumb {
    border: 1px solid #DADADA;
    padding: 6px;
    background: #FAFAFA;
}
.item {margin:0px 0px 10px 10px; cursor: pointer;}




/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }



#ptext p {font-size:14px; line-height: 18px; margin-bottom: 15px;}

#ptext li {list-style:circle; margin: 5px 0px 10px 20px;}

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: Capitan Nemo (in@nemo.su)
   ========================================================================== */

	/************************************************************************************
	ZAGOLOVKI
	*************************************************************************************/
	
	h1 {
		font-family: "Arial";
		font-weight: normal;
		font-size: 32px;
		color: #0049b1;
		margin: 10px 0px 10px 0px;
		padding: 0px 0px 5px 0px;
		border-bottom: 1px dashed #ccc;
	}

	h2 {
		font-family: "Arial";
		font-size: 18px;
		color: #b1bf5f;
		margin: 10px 0px 10px 0px;
	}





	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	body {
	
		background-image: url('images/bg-body.jpg');
		background-position: top center;
		background-repeat: repeat-y;
	
	}
	
	#pagewrap {
		width: 1000px;
		margin: 0 auto;
		overflow-x: hidden;
	}


	/************************************************************************************
	HEADER
	*************************************************************************************/
	#header {
		
		
		
		background-image: url('images/bg-shapka.png');
		background-position: top left;
		background-repeat: repeat;
		height: 140px;
		
		margin: 15px 10px 15px 10px;
		
	}
	#header .logo {
		float: left;
		margin: 20px 20px 0px 20px;
	}

	/************************************************************************************
	TOP NAVIGATION
	*************************************************************************************/
	
	#topnav {
		float: left;
	}
	
	#topnav span {
		/*z-index: -1;*/
		display: none;
	}
	
	#topnav li {
		margin: 35px 0px 0px 30px;
		padding: 0;
		list-style: none;
		float: left;
		
		
		height: 90px;
		border: 0px solid red;
		
	}
	#topnav a {
		display: block;
		margin: 0 auto;
	}
	
	#topnav .tn-menut {
		border: 0px solid #fff;
	}
	#topnav .tn-menus {
		border: 0px solid #fff;
		padding: 2px 0px 0px 0px;
	}
	#topnav .tn-ico {
		border: 0px solid #fff;
		padding: 12px 0px 0px 0px;
	}
	
	
	/*-----------------------------------*/
	/*-----------------------------------*/
	
	#topnav .maint {
		width:73px;
		height: 20px;
		
		background-image: url('images/menut-main.png');
		background-position: top center;
		background-repeat: no-repeat;
	}
	#topnav .maint:hover {
		
		background-image: url('images/menut-main-active.png');
		background-position: top center;
		background-repeat: no-repeat;
	}
	
	#topnav .maint_a {
		width:73px;
		height: 20px;
		
		background-image: url('images/menut-main-active.png');
		background-position: top center;
		background-repeat: no-repeat;
	
	}
	/*-----------------------------------*/
	
	#topnav .mains {
		
		width:59px;
		height: 15px;
		
		background-image: url('images/menus-main.png');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	#topnav .mains:hover {
		
		background-image: url('images/menus-main-active.png');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	
	#topnav .mains_a {
		
		width:59px;
		height: 15px;
		
		background-image: url('images/menus-main-active.png');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	
	/*-----------------------------------*/
	
	#topnav .maini {

		
		width:36px;
		height: 30px;
		
		background-image: url('images/menu_icon1_active.gif');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	#topnav .maini:hover {
		
		background-image: url('images/menu_icon1.gif');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	
	#topnav .maini_a {
		
		width:36px;
		height: 30px;
		
		background-image: url('images/menu_icon1.gif');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	/*-----------------------------------*/
	/*-----------------------------------*/
	
	
	/*-----------------------------------*/
	/*-----------------------------------*/
	
	#topnav .newst {
		width:80px;
		height: 20px;
		
		background-image: url('images/menut-news.png');
		background-position: top center;
		background-repeat: no-repeat;
	}
	#topnav .newst:hover {
		
		background-image: url('images/menut-news-active.png');
		background-position: top center;
		background-repeat: no-repeat;
	}
	#topnav .newst_a {
		width:80px;
		height: 20px;
		
		background-image: url('images/menut-news-active.png');
		background-position: top center;
		background-repeat: no-repeat;
	}
	/*-----------------------------------*/
	
	#topnav .newss {
		
		
		width:105px;
		height: 15px;
		
		background-image: url('images/menus-news.png');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	#topnav .newss:hover {
		
		background-image: url('images/menus-news-active.png');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	#topnav .newss_a {
		
		
		width:105px;
		height: 15px;
		
		background-image: url('images/menus-news-active.png');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	/*-----------------------------------*/
	
	#topnav .newsi {
		
		
		width:36px;
		height: 30px;
		
		background-image: url('images/menu_icon2.gif');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	#topnav .newsi:hover {
		
		background-image: url('images/menu_icon2_active.gif');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	#topnav .newsi_a {
		
		
		width:36px;
		height: 30px;
		
		background-image: url('images/menu_icon2_active.gif');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	/*-----------------------------------*/
	/*-----------------------------------*/
	


	/*-----------------------------------*/
	/*-----------------------------------*/
	
	#topnav .docst {
		width:105px;
		height: 20px;
		
		background-image: url('images/menut-docs.png');
		background-position: top center;
		background-repeat: no-repeat;
	}
	#topnav .docst:hover {
		
		background-image: url('images/menut-docs-active.png');
		background-position: top center;
		background-repeat: no-repeat;
	}
	#topnav .docst_a {
		width:105px;
		height: 20px;
		
		background-image: url('images/menut-docs-active.png');
		background-position: top center;
		background-repeat: no-repeat;
	}
	/*-----------------------------------*/
	
	#topnav .docss {
		
		
		width:80px;
		height: 15px;
		
		background-image: url('images/menus-docs.png');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	#topnav .docss:hover {
		
		background-image: url('images/menus-docs-active.png');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	#topnav .docss_a {
		
		
		width:80px;
		height: 15px;
		
		background-image: url('images/menus-docs-active.png');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	/*-----------------------------------*/
	
	#topnav .docsi {
	
		
		width:36px;
		height: 30px;
		
		background-image: url('images/menu_icon3.gif');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	#topnav .docsi:hover {
		
		background-image: url('images/menu_icon3_active.gif');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	#topnav .docsi_a {
	
		
		width:36px;
		height: 30px;
		
		background-image: url('images/menu_icon3_active.gif');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	/*-----------------------------------*/
	/*-----------------------------------*/


	/*-----------------------------------*/
	/*-----------------------------------*/
	
	#topnav .priemnayat {
		width:100px;
		height: 20px;
		
		background-image: url('images/menut-priemnaya.png');
		background-position: top center;
		background-repeat: no-repeat;
	}
	#topnav .priemnayat:hover {
		
		background-image: url('images/menut-priemnaya-active.png');
		background-position: top center;
		background-repeat: no-repeat;
	}
	#topnav .priemnayat_a {
		width:100px;
		height: 20px;
		
		background-image: url('images/menut-priemnaya-active.png');
		background-position: top center;
		background-repeat: no-repeat;
	}
	/*-----------------------------------*/
	
	#topnav .priemnayas {
		
		
		width:80px;
		height: 15px;
		
		background-image: url('images/menus-priemnaya.png');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	#topnav .priemnayas:hover {
		
		background-image: url('images/menus-priemnaya-active.png');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	#topnav .priemnayas_a {
		
		
		width:80px;
		height: 15px;
		
		background-image: url('images/menus-priemnaya-active.png');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	/*-----------------------------------*/
	
	#topnav .priemnayai {

		
		width:36px;
		height: 30px;
		
		background-image: url('images/menu_icon4.gif');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	#topnav .priemnayai:hover {
		
		background-image: url('images/menu_icon4_active.gif');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	#topnav .priemnayai_a {

		
		width:36px;
		height: 30px;
		
		background-image: url('images/menu_icon4_active.gif');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	/*-----------------------------------*/
	/*-----------------------------------*/
	


	/*-----------------------------------*/
	/*-----------------------------------*/
	
	#topnav .contactst {
		width:85px;
		height: 20px;
		
		background-image: url('images/menut-contacts.png');
		background-position: top center;
		background-repeat: no-repeat;
	}
	#topnav .contactst:hover {
		
		background-image: url('images/menut-contacts-active.png');
		background-position: top center;
		background-repeat: no-repeat;
	}
	#topnav .contactst_a {
		width:85px;
		height: 20px;
		
		background-image: url('images/menut-contacts-active.png');
		background-position: top center;
		background-repeat: no-repeat;
	}
	/*-----------------------------------*/
	
	#topnav .contactss {
		
		
		width:112px;
		height: 15px;
		
		background-image: url('images/menus-contacts.png');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	#topnav .contactss:hover {
		
		background-image: url('images/menus-contacts-active.png');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	#topnav .contactss_a {
		
		
		width:112px;
		height: 15px;
		
		background-image: url('images/menus-contacts-active.png');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	/*-----------------------------------*/
	
	#topnav .contactsi {

		
		width:36px;
		height: 30px;
		
		background-image: url('images/menu_icon5.gif');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	#topnav .contactsi:hover {
		
		background-image: url('images/menu_icon5_active.gif');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
	#topnav .contactsi_a {

		
		width:36px;
		height: 30px;
		
		background-image: url('images/menu_icon5_active.gif');
		background-position: bottom center;
		background-repeat: no-repeat;
	}
		
	/*-----------------------------------*/
	/*-----------------------------------*/
	
	
	/************************************************************************************
	SITE BODY
	*************************************************************************************/
	
	#sbody {
	
		
		/*
		
		min-height:300px;
		
		background-image: url('images/bg_foot.jpg');
		background-position: bottom center;
		background-repeat: no-repeat;
		*/
	}
	
	/* ------  Слайдер --------- */
	#slider {
		background-image: url('images/bg-banner.png');
		background-position: bottom center;
		background-repeat: no-repeat;
		
		height: 420px;
		
		margin: 0px 10px 15px 10px;
	}
	
	#slider .slide {
		
		padding: 25px 0px 0px 15px; 
	}
	
	#slider img {border: 0px solid red;}
	
	
	/* ------  Документы --------- */

	#docs {
		background-image: url('images/bg-docs.png');
		background-position: top left;
		background-repeat: repeat;
		
		height: 225px;
		margin: 0px 10px 15px 10px;
		padding: 10px 0px 15px 10px;
	}
	
	#docs .item {
		float: left;
		margin: 5px 10px 0px 10px;
	
	}
	#docs .dtext {
		width: 220px;
		font-size: 14px;
		line-height: 16px;
		margin: 10px 0px 0px 0px;
	}
	#docs ul {
	
		list-style-type: circle;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	
	}
	
	#docs b {color:#004aad;}
	
	#docs li {
	
		margin: 0px 0px 7px 0px;
		padding: 0px 0px 0px 0px;
	
	}
	
	#docs a.docs {
		color: #343434;
		text-decoration: none;
		font-size: 12px;
		font-style: italic;
	}
	
	/*----- Задай вопрос ----*/
	
	#vopros {
		background-image: url('images/bg-vopros.png');
		background-position: top left;
		background-repeat: repeat;
		
		height: 260px;
		margin: 0px 10px 15px 10px;
		padding: 20px 0px 15px 20px;
	}
	
	#vopros .director {
		float: left;
		width: 650px;
	}
	#vopros .vtit {
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 10px 0px;
		border-bottom: 1px solid #c4cfd7;
		width: 630px;
	}
	
	#vopros .vimg {
		float: left;
		margin: 0px 15px 15px 0px;
	}
	#vopros p {
		font-size: 14px;
		font-style: italic;
		line-height: 18px;
		margin: 0px 0px 10px 0px;
	}
	
	
	#vopros .info {
		float: left;
		
		margin: 0px 0px 0px 20px;
		width: 270px;
	}	
	
	
	#vopros .iinfo {
		border: 0px solid red;
		height: 155px;
		
		background-image: url('images/bg-docs.png');
		background-position: top left;
		background-repeat: repeat;
		
		
		margin: 10px 0px 0px 0px;
		padding: 15px 15px 15px 15px;
	}
	
	#vopros ul {
	
		list-style-type: circle;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	
	}
	
	#vopros b {color:#004aad;}
	
	#vopros li {
	
		margin: 0px 0px 7px 0px;
		padding: 0px 0px 0px 0px;
	
	}
	
	#vopros .iinfo {
		font-size: 14px;
	}
	
	#vopros a.docs {
		color: #343434;
		text-decoration: none;
		font-size: 14px;
		font-style: italic;
	}
	
	
	/************************************************************************************
	INSIDE PAGES
	*************************************************************************************/		
	
	
	#inbody {
		background-image: url('images/bg-vopros.png');
		background-position: top left;
		background-repeat: repeat;
		
		min-height: 400px;
		margin: 0px 10px 15px 10px;
		padding: 20px 20px 30px 30px;
	}
	
	
	/* Новости */

#new {  border: 0px solid red;
/*padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;*/
	

}
#new .newsc {
		height: 70px;
	width: 260px;
	padding:5px 0px 0px 10px; margin:0px 0px 10px 0px;
	border: 1px solid #fff;
	
	/* Fallback for web browsers that doesn't support RGBa */
		background: rgb(0, 73, 178) transparent;
		/* RGBa with 0.6 opacity */
		background: rgba(0, 73, 178, 0.4);
		
		/* For IE 8*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#new .date {
	float: left;
	text-align: center;
	margin:0px 0px 0px 0px;
	padding:22px 5px 0px 0px;
	width: 64px;
	height: 64px;
	color: #fff;
	line-height: 14px;
	font-size: 18px;
	
	font-family: "Arial Black";
	
	border: 0px solid red;
	
	background-image:url(images/bg-date.png);
	background-position: top left;
	background-repeat: no-repeat;
	
	text-transform: lowercase;

}
#new .title {
	
	margin:0px 0px 0px 0px;
	padding:10px 10px 0px 0px;
	border: 0px solid red;
	
}
#new a {color: #000; font-size: 12px; line-height: 14px;}
.mounth {font-size: 11px;}


#files {
	width:260px;
	padding:0px 0px 0px 10px; margin:0px 0px 0px 0px;
	
	height: 70px;
}

#files .img {
	float: left;
	text-align: center;
	margin:0px 10px 10px 0px;
	padding:0px 0px 0px 0px;
	width: 49px;
	
	color: #343536;
	line-height: 14px;
	font-size: 18px;
	
	
	

}
#files span {font-size:11px}

#files a {
	color: #000;
	padding:5px 0px 3px 0px;
	display: block;

}
	
	
	/************************************************************************************
	FORM STYLE
	*************************************************************************************/	
	
	
	
	
	
	/*
	
		.otziv-form input {
			
			border:1px solid #ccc; 
			padding:3px 3px 3px 3px; 
			font-size:14px; 
			color:#000; 
			height:25px;
			width:320px;
		}
		line-height:44px;
	*/
	
	.otziv-form {margin: 0px 0px 20px 0px;}
	
	.otziv-form input {
		
		display:inline-block;
		height:34px;
		width: 250px;
		
		padding:5px 10px 5px 10px; 
		font-size: 20px;
		
		/*background:url(../images/white.jpg) repeat-x;*/
		color:#999;
		
		
		text-shadow:0 1px 0 #fff;
		position:relative;
		border:1px solid #DFDFDF;
		margin:0 10px 10px 0;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}
		
	.otziv-form input:hover {
		border-color:#cacaca;
		/*background:#F8F8F8;*/
	}

	.otziv-form select{
		
		display:inline-block;
		height:34px;
		width: 250px;
		
		padding:5px 10px 5px 10px; 
		font-size: 20px;
		
		/*background:url(../images/white.jpg) repeat-x;*/
		color:#999;
		
		
		text-shadow:0 1px 0 #fff;
		position:relative;
		border:1px solid #DFDFDF;
		margin:0 10px 10px 0;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}
		
	.otziv-form select:hover {
		border-color:#cacaca;
		/*background:#F8F8F8;*/
	}

	
		.otziv-form textarea {
			
			
			display:inline-block;
			height:200px;
			width: 250px;
			
			padding:5px 10px 5px 10px; 
			font-size: 20px;
			
			/*background:url(../images/white-ta.jpg) repeat-x;*/
			color:#999;
			
			text-shadow:0 1px 0 #fff;
			position:relative;
			border:1px solid #DFDFDF;
			margin:0 10px 10px 0;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
			
			line-height:1.1em;
		}
		.otziv-form textarea:hover {
			border-color:#cacaca;
			/*background:#F8F8F8;*/
		}
		
				
		.otziv-form .field{
			margin:10px 0px 10px 0px;
		}
		.otziv-form .fname {
			
			margin:0px 0px 10px 0px;
			padding-left: 20px;
			text-align: left;
			font-size: 16px;
			width: 500px;
		}
		
		.name {
			background-image:url(images/input-name.png);
			background-position: top left;
			background-repeat: no-repeat;
		}
		.email {
			background-image:url(images/input-email.png);
			background-position: top left;
			background-repeat: no-repeat;
		}
		.text {
			background-image:url(images/input-text.png);
			background-position: top left;
			background-repeat: no-repeat;
		}
		.phone {
			background-image:url(images/input-phone.png);
			background-position: top left;
			background-repeat: no-repeat;
		}
		.tovar {
			background-image:url(images/input-cart.png);
			background-position: top left;
			background-repeat: no-repeat;
		}
		.file {
			background-image:url(images/input-file.png);
			background-position: top left;
			background-repeat: no-repeat;
		}
		.office {
			background-image:url(images/input-office.png);
			background-position: top left;
			background-repeat: no-repeat;
		}
		.time {
			background-image:url(images/input-time.png);
			background-position: top left;
			background-repeat: no-repeat;
		}		
		
		
		.otziv-form .submit {
			
			
			width: 200px;
			text-align:center;
			cursor:pointer;
			color: #555;
			background:url(images/white.jpg) repeat-x;
		}
		.otziv-form .submit:hover {
			border-color:#cacaca;
			background:#F8F8F8;

			
					}		
		
		
		#otresult {
			border:0px solid green;
			margin:10px 0px 10px 0px;
			padding:0px 15px 10px 15px;
			display: none;
		}
		
		.formerr { 
			color:red;
			font-size:12px;
			font-weight:bold;
			margin:5px 0px 5px 10px;
			padding:0px 0px 0px 20px;
			background-image:url(images/input-warn.png);
			background-position: top left;
			background-repeat: no-repeat;

			}
		.forsuc { 
			font-size: 18px;
			line-height: 24px;
			color: green;
			margin:0px 0px 10px 10px;
			}
			
		.req {color:red; font-weight:bold;}


/* ----- Áëîêè îïèñàíèÿ ------- */


/* ----- Ñïèñîê îòçûâîâ ------- */



#otzivlist .otziv {
	
	border:1px solid #fff;
	margin:20px 0px 20px 0px;
	padding:15px 20px 6px 20px;
	
	width: 500px;
	
	
		/* Fallback for web browsers that doesn't support RGBa */
		background: rgb(0, 184, 229) transparent;
		/* RGBa with 0.6 opacity */
		background: rgba(0, 184, 229, 0.2);
		
		/* For IE 8*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	

	
	}
	
	#otzivlist .otzname {
	
		float: left;
		font-size: 11px;
		margin:0px 0px 10px 0px;
		color: #333;
	
	}
	
	.otzname strong {
		color:#c73d00;
		font-size: 16px;
	}
	
	#otzivlist .otzdate {
	
		float: right;
		margin:0px 0px 20px 0px;
		color: #555;
		font-size: 11px;
	
	}
	
	#otzivlist .otztext {
	
		
		margin:0px 0px 20px 0px;
		line-height: 1.5em;
		color:black;

	
	}
	
	#otzivlist .answ {
	
		margin:0px 0px 3px 0px;
		font-weight: bold;
		font-size: 10px;
		color: #333; 
		
	
	}
	#otzivlist .otzansw {
	
		
		
		border:1px solid #c0c0c0;
		margin:10px 0px 20px 20px;
		padding:6px 20px 10px 15px;
		
		
		color: #fff;

	/* Fallback for web browsers that doesn't support RGBa */
		background: rgb(76, 84, 91) transparent;
		/* RGBa with 0.6 opacity */
		background: rgba(76, 84, 91, 0.4);
		
		/* For IE 8*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	

	
	}
	
	.contain {
		
		z-index: 5;
	}
	
	#add_form {display: block;}
	
	#rewtxt {line-height: 16px;}
	




	
	
	/************************************************************************************
	FOOTER
	*************************************************************************************/	
	
	#footer {
		text-align: center;
		height: 280px;
		background-color: #000;
		margin: 0px 10px 15px 10px;
		color: #fff;
		padding: 20px 0px 15px 20px;
		
	}
	
	#footer .copy {
		margin: 25px 0px 0px 0px;
		color: #fff;
		font-size: 14px;
		line-height: 1.5em;
	}
	
	#footer .news {
		float: left;
		margin: 0px 40px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 390px;
	}
	
	.ntit {
		margin: 0px 0px 15px 0px;
		padding: 0px 0px 0px 0px;
		text-align: left;
	}
	
	.new {
	
	 	margin: 0px 0px 5px 0px;
	 	height: 21px;
	 	padding: 9px 0px 0px 0px;
	 	
	 	 border-top:1px solid #232629;
	 	
	 }
	
	.new a {color:#c9c9c9; text-decoration: none; }
	
	.new span { 
		font-size: 10px; color: #595959;
		
		display: -moz-inline-stack;
	    display: inline-block;
		zoom: 1;
	    *display: inline;
		
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		
		border: 0px solid green;
	}
	
	.new img {
		margin: 2px 0px 0px 0px;
		margin: 0px 5px 0px 0px;
		display: -moz-inline-stack;
	    display: inline-block;
		zoom: 1;
	    *display: inline;
		
		border: 0px solid red;
	}

	
	
	#footer .adress {
		float: left;
		margin: 0px 30px 0px 10px;
		padding: 0px 0px 0px 0px;
		width: 250px;
		text-align: left;
	}
	
	.adtit {
		margin: 0px 0px 9px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	.adrline {
		margin: 0px 0px 5px 0px;
	 	height: 21px;
	 	padding: 9px 0px 0px 0px;
	 	text-align: left;
	 	border-top:1px solid #232629;
	}
	
	.adname {
		float: left;
		color: #696969;
		padding: 0px 0px 0px 10px;
	}
	.adval {
		float: right;
		padding: 0px 10px 0px 0px;
		color: #c9c9c9;
	}
	
	#footer .search {
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 210px;
		border:0px solid #232629;
		text-align: left;
	}	
	
	.srchtit {
		margin: 0px 0px 43px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#search {
		padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;
		
	}
	#search .stext {
		width: 180px;
		height: 32px;
		border: 1px solid #fff;
		font-size: 14px;
		color: #696969;
		padding-left: 10px;
		margin: 0px 0px 0px 0px;
	}
	
	#search .btn {
		margin: 20px 0px 0px 102px;
		
	}
	
	
	
	
	/************************************************************************************
	IMPORT STYLES
	*************************************************************************************/

	/*
	@import "style.css";*/


/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


	.thumbnails
	{
	/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
	margin: -3em 0 0 1em;

	/* Выравнивание по центру */
	text-align: left;
	
	border: 0px solid olive;
	}

	.thumbnail
	{
	/* Убираем подчеркивание у элемента ins,
	который был использован для совместимости со старыми версиями Internet Explorer */
	text-decoration: none;

	/* Следующее правило для Firefox 2 */
	display: -moz-inline-box;

	/* а это для остальных */
	display: inline-block;

	vertical-align: top;

	/* Убираем выравнивание по центру */
	text-align: left;

	/* Отступы между блоками */
	margin: 2em 0 0 10px;
	}

	.thumbnail .r
	{
	/* Если есть необходимость, то свойства padding, border, background и position со значением relative
	лучше задавать у этого элемента -- это несколько расширит количество поддерживаемых версий браузеров */

	/* Задаем минимальную ширину по тексту */
	width: 22em;

	/* Минимальная ширина в пикселях будет автоматически рассчитываться по ширине картинки */
	float: left;
	}

